<template>
  <div class="p-d">
    <div class="b-f p-d">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="全部" name="all"></el-tab-pane>
        <el-tab-pane label="待处理" name="wait"></el-tab-pane>
        <el-tab-pane label="处理完成" name="successWait"></el-tab-pane>
        <el-tab-pane label="地方服务咨询" name="local"></el-tab-pane>
      </el-tabs>
      <SearchComp :searchForm="searchForm" :searchData="queryString" :searchAction="searchAction"></SearchComp>
      <div class="m-t">
        <TableCompEle class="m-t" ref="multipleTable" height="50vh" :tableData="tableData" :tableConfig="tableConfig"
          :tableAction="tableAction" :isSelect="true" :isIndex="true" :isShowPage="true" :queryParams="queryParams"
          @getPagination="getList" @handleSelectionChange="handleSelectionChange"></TableCompEle>
      </div>
    </div>
    <AddComp ref="addRef" @close="getList" />
    <AddSelfComp ref="addSelfRef" @close="getList" />
  </div>
</template>

<script>
import {
  getConsultList
} from '@/api/yqgx/consult'
import AddComp from './common/add.vue'
import AddSelfComp from '@/views/Information/evaluatePge/selfEvaluation/common/add.vue'
export default {
  components: { AddComp, AddSelfComp },
  data() {
    return {
      activeName: 'all',
      queryParams: {
        total: 5,
        currentPage: 1,
        pageSize: 10
      },
      allData: [],
      tableData: [
        {
          title: '热分析-红外光谱-气相色谱仪-质谱联',
          content: '波数精度在什么范围内？',
          name: '李思思',
          createdTime: '2023年11月6日',
          replyContent:
            '用户您好，这款热分析-红外光谱-气相色谱仪-质谱联波数精度优于0.005 cm-1。'
        },
        {
          title: '稳态强磁场实验装置',
          content: '稳态强磁场实验装置如何使用？',
          name: '刘洋',
          createdTime: '2024年1月3日',
          replyContent:
            '用户您好，稳态强磁场实验装置提供强磁场极端环境（其中的混合磁体最高场强超过40T），配套输运、磁性、磁光、高压、极低温、组合显微、磁共振等科学实验测试系统，支撑物理、化学、材料、生物、生命等学科前沿研究。'
        },
        {
          title: '中国天眼（FAST）',
          content: '中国天眼（FAST）的合作对象有哪些？',
          name: '许伟民',
          createdTime: '2024年1月10日',
          replyContent:
            '用户您好，目前国内主要用户单位已达20多家：中国科学院单位主要有高能物理研究所、国家授时中心、国家天文台、紫金山天文台、上海天文台、云南天文台、新疆天文台，国内高校单位主要有北京大学、清华大学、南京大学、北京师范大学、广州大学、厦门大学、贵州大学、贵州师范大学、香港大学、香港教育大学等。目前，FAST与4家世界主要科学组织在国际重大前沿方向上进行了深度合作。这4家科学组织主要是引力波探测组织 （The Laser Interferometer Gravitational-Wave Observatory，简称LIGO），伽马射线空间天文台Fermi望远镜，澳大利亚利亚65米Parkes 望远镜及脉冲星阵引力波探测组织，美国国家射电天文台 100 米绿岸望远镜等。2021年7月31日0时起，FAST将面向全世界的科学家开放，并征集观测申请。'
        },
        {
          title: '北京正负电子对撞机',
          content: '北京正负电子对撞机建设目标是什么？',
          name: '刘伟强',
          createdTime: '2024年2月18日',
          replyContent:
            '北京正负电子对撞机重大改造工程的建设目标是对北京正负电子对撞机（BEPC）和北京谱仪（BES）进行重大改造。'
        },
        {
          title: '中国散裂中子源',
          content: '中国散裂中子源主要功能和技术指标是什么？',
          name: '赵丽华',
          createdTime: '2024年2月20日',
          replyContent:
            'A.模拟的实验环境 B.提供观测工具 C.提供必要实验基础条件 D.专项科研突破 E.数据采集 CSNS一期工程主要建设内容包括：一台80MeV负氢离子直线加速器、一台1.6GeV快循环质子同步加速器、一个靶站和3台中子谱仪及相应的配套设施。CSNS主要设计指标：打靶质子束流功率为100kW；脉冲重复频率为25Hz；每脉冲质子数为1.56×1013；质子束动能为1.6GeV；中子效率为每个质子、每单位立体角弧度0.1。CSNS靶站具有建设20台谱仪的能力，一期工程只建设3台谱仪。CSNS在未来升级计划中将逐步增加中子谱仪的数量，并把加速器的束流功率进一步提高到500kW。'
        }
      ],
      tableConfig: [
        {
          prop: 'title',
          label: '共享资源名称'
        },
        {
          prop: 'content',
          label: '咨询内容'
        },
        {
          prop: 'name',
          label: '咨询用户',
          width: '120px'
        },
        {
          prop: 'createdTime',
          label: '咨询时间',
          width: '180px'
        }
      ],
      tableAction: {
        align: () => 'center',
        width: () => String(150),
        operations: [
          {
            label: '查看',
            isLink: true,
            type: 'primary',
            method: row => {
              this.$refs.addRef.show({
                title: '查看服务咨询信息',
                isLook: 'look',
                data: row
              })
            }
          },
          {
            label: '咨询答复',
            isLink: true,
            type: 'primary',
            isShow: (row) => {
              return !(row.replyContent)
              // return this.activeName !== 'successWait'
            },
            method: row => {
              this.$refs.addRef.show({
                title: '回复服务咨询',
                isLook: 'answer',
                data: row
              })
            }
          },
          {
            label: '查看评价',
            isLink: true,
            type: 'primary',
            isShow: (row) => {
              return row.replyContent
              // return this.activeName === 'successWait'
            },
            method: (row) => {
              this.$refs.addSelfRef.show({
                title: '评价',
                isLook: 'look',
                data: row
              })
            }
          }
        ]
      },
      queryString: {
        title: '',
        source: ''
      },
      searchForm: {
        changeMethod: () => {
          this.queryParams.currentPage = 1
          this.getList()
        },
        formData: [
          {
            type: 'Input',
            label: '共享资源名称',
            prop: 'title',
            clearable: true,
            icon: 'el-icon-search',
            placeholder: '请输入'
          }
        ]
      },
      searchAction: [
        {
          label: '查询',
          type: 'primary',
          handle: () => {
            this.queryParams.currentPage = 1
            this.$refs.multipleTable.clearSelection()
            this.getList()
          }
        },
        {
          label: '重置',
          type: 'primary',
          plain: true,
          handle: () => {
            this.queryString = {
              title: '',
              source: ''
            }
            this.queryParams.currentPage = 1
            this.getList()
          }
        }
      ],
    }
  },
  created() {
    this.getList()
  },
  methods: {
    getList() {
      getConsultList().then((res) => {
        this.tableData = res.data
        this.allData = this.tableData
        this.handleClick()
      })
    },
    handleClick() {
      if (this.activeName == "all") {
        this.tableData = this.allData
      }
      else if (this.activeName == "wait") {
        this.tableData = this.allData.filter(item => !item.replyContent)
      }
      else if (this.activeName == "successWait") {
        this.tableData = this.allData.filter(item => item.replyContent)
      }
      else {
        this.tableData = this.allData
      }
    },
  }
}
</script>

<style lang="less" scoped></style>